.px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
    display: -webkit-flex;
}
.gdheader{
    .px2rem(height,102);
    background:linear-gradient(#ee0000 , #a80000);
    .flexbox;
    justify-content: center;
    align-items: center;
    p{
     color: #FFFFFF;
    .px2rem(font-size,46);
    }
}
.gdsection{
    .flexbox;
    justify-content: center;
    align-items: center;
    ul{
     border-radius: 10px;
       width:90%;
       border: 1px solid #CCCCCC;
       text-align: center;
      .px2rem(height,260);
      .px2rem(margin,20);
      
        li{
           .px2rem(height,82);
           .px2rem(line-height,82);
           .px2rem(font-size,40);
           .flexbox();
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid #CCCCCC;
            &:hover{
                background: #007AFF;
            }
            p{
            .px2rem(padding-left,14);
            }
            img{
                .px2rem(padding-right,30);
                .px2rem(width,44);
                .px2rem(height,49);
            }
            .container{
                .px2rem(margin-top,10);
            }
        }
    }
    
}



.footer {
                position: fixed;
                width: 100%;
                
                .px2rem(bottom, 0);
                .nav {
                    margin: 0 auto;
                    display: flex;
                    background: black;
                    .list {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        .px2rem(height, 100);
                        .px2rem(margin-top, 5);
                        .px2rem(margin-left, 20);
                        .px2rem(margin-right, 20);
                        .px2rem(margin-bottom, 5);
                        .px2rem(border-radius, 5);
                        align-items: center;
                        .img {
                            .px2rem(margin-top, 5);
                        }
                        .title {
                            text-align: center;
                            color: white;
                            .px2rem(padding-top, 10);
                           
                        }
                        &.show {
                            background: #6f6f6f;
                        }
                    }
                }
            }

